<template>
  <el-input
    v-model="value"
    :placeholder="placeholder"
    :type="type"
    :show-password="showPassword"
    :disabled="disabled"
    :clearable="clearable"
    :autosize="autosize"
    :styel="styleCss"
  >
    <!-- 前 -->
    <template #prefix v-if="prefix">
      <i class="iconfont" :class="prefix"></i>
    </template>
    <!-- 后 -->
    <template #suffix v-if="suffix">
      <i class="iconfont" :class="suffix"></i>
    </template>
  </el-input>
</template>

<script setup lang="ts">
import type { InputType } from "./interface/";
defineOptions({ name: "WInput" });
const props = defineProps<InputType.Props>();
const value = useVModel(props, "modelValue");
</script>

<style scoped></style>
